import {position,changeDirection, Direction} from './scene1/s1'
import {count,add} from './scene2/s2'
//import { addInS3 } from 'scene3/s3';
// import type {addInS3} from 'scene3/s3'
import jquery from 'jquery'
import axios from 'axios'
import logo from "./logo.png"



//全局变量
console.log('globalObjVar.name',globalObjVar.name);
console.log('globalObjLet.name',globalObjLet.name);
console.log('window.globalObjVar.name',window.globalObjVar.name);
//编译时就提示错误，main.ts:10 Uncaught TypeError: Cannot read properties of undefined (reading 'name')
//console.log('window.globalObjLet.name',window.globalObjLet.name);

//console.log('globalObjLetExprot.name',globalObjLetExport.name);//error ,编译时就提示找不到


//s1 begin 相对引入，d.ts 文件 为 同一文件下的.js 声明  都可以正常识别类型
position.x=44 //可以识别类型
console.log('position',position);
let direction:Direction='上'
changeDirection(direction)
//s1 end


//s2 begin 相对引入，d.ts 文件 为 同一文件下的.ts 声明 .d.ts文件不生效 
console.log(add("abc","cde") );
 // d.ts 定义为(number:number)  .ts定义为(any:any)
console.log(count.toUpperCase());  //count d.ts 定义为数字  .ts定义为字符串
//s2 end


//s3 begin 非相对引入，包引入
//编译不提示错误，但运行会报错,因为无法定位真正运行的js代码
//console.log(addInS3(1,3,"z=") );
//s3 end

//s4 begin 全局变量 扩展
String.prototype.prependHello=()=>{
  console.log('prependHello');
  return "prependHello"
}
"abc".prependHello();

//s5 覆盖npm中的声明
//axios.toFixed(2) //保留2位小数

//s6 扩展npm 安装的js 包，以jquery为例
jquery("h1").css('color','red')

//console.log(bar().toLowerCase);

//s7 扩展 npm安装的ts包, 以axios为例
 axios.get("http://127.0.0.1/test.html",{loginEvents:true}).catch((error)=>{
    console.log(error);
 })




//s8 导入静态资源
console.log('logo',logo);
jquery(".a").css('background-image',`url(${logo})`)